<template>
	<Account />
	<ElTabs>
		<ElTabPane label="交易">
			<ElRow :gutter="24">
				<ElCol :span="4">
					<OrderInsert />
				</ElCol>
				<ElCol :span="20">
					<Order />
				</ElCol>
			</ElRow>
			<ElRow :gutter="23">
				<ElCol :span="11">
					<ElTabs>
						<ElTabPane label="成交">
							<Trade />
						</ElTabPane>
					</ElTabs>
				</ElCol>
				<ElCol :span="12">
					<ElTabs>
						<ElTabPane label="持仓">
							<Position />
						</ElTabPane>
					</ElTabs>
				</ElCol>
			</ElRow>
		</ElTabPane>
		<ElTabPane label="行情" :lazy="true">
			<Quote />
		</ElTabPane>
	</ElTabs>
</template>

<script setup lang="ts">
import Quote from './quote/index.vue'
import Account from './trade/account.vue'
import OrderInsert from './trade/order_insert.vue'
import Order from './trade/order.vue'
import Trade from './trade/trade.vue'
import Position from './trade/position.vue'
</script>

<style scoped></style>
